<template>
  <div class="layui-header">
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item layadmin-flexible">
        <a href="javascript:;" class="kit-side-fold" title="侧边伸缩">
          <i
            class="layui-icon layui-icon-shrink-right"
            id="LAY_app_flexible"
          ></i>
        </a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="http://www.layui.com/admin/" target="_blank" title="前台">
          <i class="layui-icon layui-icon-website"></i>
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" layui-filter="refresh" title="刷新">
          <i class="layui-icon layui-icon-refresh-3"></i>
        </a>
      </li>
      <span
        class="layui-nav-bar"
        style="left: 198px; top: 48px; width: 0px; opacity: 0;"
      ></span>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a
          lay-href="app/message/index.html"
          layui-event="message"
          lay-text="消息中心">
          <i class="layui-icon layui-icon-notice"></i>
          <!-- 如果有新消息，则显示小圆点 -->
          <span class="layui-badge-dot"></span>
        </a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="javascript:;" layui-event="theme">
          <i class="layui-icon layui-icon-theme"></i>
        </a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="javascript:;" layui-event="note">
          <i class="layui-icon layui-icon-note"></i>
        </a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="javascript:;" layui-event="fullscreen">
          <i class="layui-icon layui-icon-screen-full"></i>
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;">
          <cite>{{ username }}</cite>
          <span class="layui-nav-more"></span
        ></a>
        <dl class="layui-nav-child">
          <!--
                        <dd><a lay-href="set/user/info.html"><span class="iconfont icon-gerenziliao01" style="margin-right: 5px;"></span><cite>个人资料</cite></a></dd>
                        <dd><a lay-href="set/user/password.html"><span class="iconfont icon-xiugaimima" style="margin-right: 5px;"></span><cite>修改密码</cite></a></dd>-->
          <dd>
            <a layui-href="${ctxPath}/manager/logout.do"
              ><span
                class="icon iconfont icon-switch"
                style="margin-right: 5px;"
              ></span
              ><cite>退出登录</cite></a
            >
          </dd>
        </dl>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="javascript:;" layui-event="about"
          ><i class="layui-icon layui-icon-more-vertical"></i
        ></a>
      </li>
      <li
        class="layui-nav-item layui-show-xs-inline-block layui-hide-sm"
        lay-unselect="">
        <a href="javascript:;" layui-event="more"
          ><i class="layui-icon layui-icon-more-vertical"></i
        ></a>
      </li>
    </ul>
  </div>
</template>
<style>
@import '../../../../assets/css/manager/admin.css';
</style>
<script>
export default {
  name: "Head",
  data() {
    return {
      username: "系统管理员",
    };
  },
};
</script>